/* === Video Grids === */
.monitor-container {
    padding-bottom: 45px;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    z-index: 1;
}

.monitor-container .grids {
    box-sizing: border-box;
    background: #262626;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.monitor-container .grids ul {
    background: #fff;
    height: 100%;
}

.monitor-container .grids li.grid {
    float: left;
    background: #262626;
    display: block;
    width: 50%;
    height: 50%;
    _width: 49.8%;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    border-radius: 5px;
}

.monitor-container .grids li.selected {
    border: 1px solid yellow;
}

.monitor-container .grids li.ui-sortable-helper {
    background: #262626;
    border: 1px solid #f60;
}

.monitor-container .grids li.ui-sortable-placeholder {
    background: #262626;
    border: 1px solid #f60;
}

.ocx-container {
    position: relative;
    height: 100%;
    border-radius: 4px;
    box-sizing: border-box;
}

.monitor-toolbar {
    margin-top: -45px;
    position: relative;
    z-index: 2;
    height: 45px;
    background-color: #ABABAB;
    background-position: 0 -1480px;
}

.monitor-toolbar .video-bar {
    padding: 6px;
    float: left;
}

.monitor-toolbar .window-bar {
    padding: 6px;
    float: right;
}

.monitor-toolbar .window-bar .dropdown-menu {
    left: auto;
    right: -1px;
}

.monitor-toolbar .btn-group {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    z-index: 1;
}

.monitor-toolbar .btn-group .caret {
    margin-left: 0;
    line-height: 18px;
    margin-top: 6px;
}

.monitor-toolbar .btn-group.rightdd .buttonS {
    padding-right: 21px;
}

.monitor-toolbar .btn-group.rightdd .dropdown-toggle {
    margin: 1px;
    padding: 5px 3px;
    position: absolute;
    right: 0;
    z-index: 2;
    line-height: 18px;
    border: none !important;
    border-left: 1px solid #ababab !important;
    background: none !important;
    box-shadow: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.monitor-toolbar .bDefault {
    padding: 5px 10px 5px 6px;
    border: 1px solid #737373 !important;
    height: 20px;
    position: relative;
    border-radius: 4px;
    background-color: #9A9A9A;
    background-position: 0 -1200px;
}

.monitor-toolbar .bDefault:hover {
    background-color: #A5A5A5;
    background-position: 0 -1250px;
    border-color: #555555 !important;
}

.monitor-toolbar .bDefault.active,
.monitor-toolbar .bDefault:active,
.monitor-toolbar .btn-group.open .bDefault {
    background-color: #F1F1F1;
    background-position: 0 -1300px;
    border-color: #555555 !important;
}

.monitor-toolbar .bDefault.disabled,
.monitor-toolbar .btn-group.disabled .bDefault {
    color: #a8a8a8 !important;
    border: 1px solid #adadad !important;
    background: #d4d4d4;
    box-shadow: none;
    opacity: 1;
    -webkit-filter: grayscale(100%);
}

.monitor-toolbar .btn-group.rightdd.disabled .dropdown-toggle {
    border: none !important;
    border-left: 1px solid #adadad !important;
}

.monitor-toolbar .video-bar .buttonS {
    float: left;
    margin-left: 3px;
    margin-right: 3px;
}

.monitor-toolbar .video-bar .btn-group {
    float: left;
    margin-left: 3px;
    margin-right: 3px;
}

.monitor-toolbar .video-bar .btn-group .buttonS {
    margin: 0;
}

.monitor-toolbar .divider {
    margin: 3px;
    width: 1px;
    height: 26px;
    font-size: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    background: #7E7E7E;
    background: -moz-linear-gradient(top, #ACACAC 0%, #7E7E7E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ACACAC), color-stop(100%, #7E7E7E));
    background: -webkit-linear-gradient(top, #ACACAC 0%, #7E7E7E 100%);
    background: -o-linear-gradient(top, #ACACAC 0%, #7E7E7E 100%);
    background: -ms-linear-gradient(top, #ACACAC 0%, #7E7E7E 100%);
    background: linear-gradient(top, #ACACAC 0%, #7E7E7E 100%);
}

.monitor-toolbar a.act-fullscreen .ico,
.monitor-toolbar a.act-vclose .ico {
    background: transparent url(../images/sprite_control.png) no-repeat -9999px 0;
}

.monitor-toolbar a.bDefault i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    display: block;
}

.monitor-toolbar .act-save {
    display: none;
}

.monitor-toolbar a.act-save .ico {
    background-position: -411px -75px;
}

.monitor-toolbar a.act-vcamera .ico {
    background-position: -291px -75px;
}

.monitor-toolbar a.act-camera .ico {
    background-position: -315px -75px;
}

.monitor-toolbar a.act-camera-multi .ico {
    background-position: -339px -75px;
}

.monitor-toolbar a.act-folder .ico {
    background-position: -387px -75px;
}

.monitor-toolbar a.act-vclose .ico {
    background-position: -363px -75px;
}

.monitor-toolbar .unable a.act-camera .ico {
    background-position: -315px -603px;
}

.monitor-toolbar .unable a.act-camera-multi .ico {
    background-position: -339px -603px;
}

.monitor-toolbar a.unable.act-vcamera .ico {
    background-position: -291px -603px;
}

.monitor-toolbar a.unable.act-save .ico {
    background-position: -411px -603px;
}

.monitor-toolbar a.unable.act-vclose .ico {
    background-position: -363px -603px;
}

.monitor-toolbar .dropdown-menu dl li {
    text-align: center;
    width: 56px;
    padding: 1px 0;
}

.monitor-toolbar .dropdown-menu dl li.active,
.monitor-toolbar .dropdown-menu dl li.hover {
    background: transparent url(../images/grids.png) no-repeat -9999px 0;
    background-position: -168px -112px;
}

/*.dropdown-menu li.active a, .dropdown-menu li a:hover{background: none;}
.dropdown-menu li.active a,.dropdown-menu li.hover a{filter:none; }
.dropdown-menu li > span{background: none;}*/
.menu-group dl {
    width: auto;
}

.monitor-toolbar .ico {
    background: transparent url(../images/grids.png) no-repeat -9999px 0;
}

.window-bar .btn-group .ico {
    width: 29px;
    height: 24px;
}

/* Normal Screen */
.screen-normal a.act-grids-square1 .ico,
.screen-normal a.act-grids-square1.active .ico,
.screen-normal a.act-grids-square1.selected .ico,
.screen-normal a.act-grids-square1:hover .ico,
.screen-normal a.act-grids-square1.hover .ico {
    background-position: 0px 0px;
}

.screen-normal a.act-grids-square4 .ico,
.screen-normal a.act-grids-square4.active .ico,
.screen-normal a.act-grids-square4.selected .ico,
.screen-normal a.act-grids-square4:hover .ico,
.screen-normal a.act-grids-square4.hover .ico {
    background-position: -60px -30px;
}

.screen-normal a.act-grids-square9 .ico,
.screen-normal a.act-grids-square9.active .ico,
.screen-normal a.act-grids-square9.selected .ico,
.screen-normal a.act-grids-square9:hover .ico,
.screen-normal a.act-grids-square9.hover .ico {
    background-position: -300px -30px;
}

.screen-normal a.act-grids-square16 .ico,
.screen-normal a.act-grids-square16.active .ico,
.screen-normal a.act-grids-square16.selected .ico,
.screen-normal a.act-grids-square16:hover .ico,
.screen-normal a.act-grids-square16.hover .ico {
    background-position: -90px -60px;
}

.screen-normal a.act-grids-square25 .ico,
.screen-normal a.act-grids-square25.active .ico,
.screen-normal a.act-grids-square25.selected .ico,
.screen-normal a.act-grids-square25:hover .ico,
.screen-normal a.act-grids-square25.hover .ico {
    background-position: -150px -60px;
}

.screen-normal a.act-grids-mix7 .ico {
    background-position: -433px -99px;
}

.screen-normal a.act-grids-prominent8 .ico {
    background-position: -457px -99px;
}

.screen-normal a.act-grids-mix10 .ico {
    background-position: -481px -99px;
}

.screen-normal a.act-grids-prominent10 .ico {
    background-position: -505px -99px;
}

.screen-normal a.act-grids-mix13 .ico {
    background-position: -529px -99px;
}

.screen-normal a.act-grids-prominent13 .ico {
    background-position: -553px -99px;
}

.screen-normal a.act-grids-mix14 .ico {
    background-position: -577px -99px;
}

.screen-normal a.act-grids-prominent17 .ico {
    background-position: -601px -99px;
}

.screen-normal a.act-grids-square6 .ico {
    background-position: -210px -30px;
}

.screen-normal a.act-grids-square12 .ico {
    background-position: -300px 0px;
}

.screen-normal a.act-grids-square15 .ico {
    background-position: -330px 0px;
}

.screen-normal a.act-grids-square24 .ico {
    background-position: -120px -30px;
}

.screen-normal a.act-grids-prominent3 .ico {
    background-position: -210px 0px;
}

.screen-normal a.act-grids-prominent4 .ico {
    background-position: -90px -30px;
}

.screen-normal a.act-grids-mix6 .ico {
    background-position: -150px 0px;
}

.screen-normal a.act-grids-prominent7 .ico {
    background-position: -60px 0px;
}

.screen-normal a.act-grids-prominent9 .ico {
    background-position: -90px 0px;
}

.screen-normal a.act-grids-mix12 .ico {
    background-position: 0px -30px;
}

.screen-normal a.act-grids-mix15 .ico {
    background-position: -240px 0px;
}

.screen-normal a.act-grids-prominent7 .ico {
    background-position: -60px 0px;
}

.screen-normal a.act-grids-prominent9 .ico {
    background-position: -90px 0px;
}

/* Wide Screen */
.screen-wide a.act-grids-square1 .ico {
    background-position: -289px -123px;
}

.screen-wide a.act-grids-prominent3 .ico {
    background-position: -313px -123px;
}

.screen-wide a.act-grids-prominent4 .ico {
    background-position: -337px -123px;
}

.screen-wide a.act-grids-square6 .ico {
    background-position: -361px -123px;
}

.screen-wide a.act-grids-mix6 .ico {
    background-position: -385px -123px;
}

.screen-wide a.act-grids-prominent7 .ico {
    background-position: -409px -123px;
}

.screen-wide a.act-grids-prominent9 .ico {
    background-position: -433px -123px;
}

.screen-wide a.act-grids-square12 .ico {
    background-position: -457px -123px;
}

.screen-wide a.act-grids-mix12 .ico {
    background-position: -481px -123px;
}

.screen-wide a.act-grids-square15 .ico {
    background-position: -505px -123px;
}

.screen-wide a.act-grids-mix15 .ico {
    background-position: -529px -123px;
}

.screen-wide a.act-grids-square24 .ico {
    background-position: -553px -123px;
}

.monitor-toolbar a.act-adaptive .ico {
    background-position: -459px -75px;
}

.monitor-toolbar a.act-normal .ico {
    background-position: -435px -75px;
}

.monitor-toolbar a.act-fullscreen .ico {
    background-position: -483px -75px;
}

.monitor-toolbar a.act-fullscreen.selected .ico {
    background-position: -507px -75px;
}

.monitor-toolbar a.act-setting .ico {
    background-position: -531px -75px;
}

/* yuyan1 screan */
.screen-yuyan1 a.act-grids-square1 .ico {
    background-position: -289px -99px;
}

.screen-yuyan1 a.act-grids-square2 .ico {
    background-position: -577px -123px;
}

.screen-yuyan1 a.act-grids-square4 .ico {
    background-position: -313px -99px;
}

.screen-yuyan1 a.act-grids-square9 .ico {
    background-position: -337px -99px;
}

/* yuyan2 screan */
.screen-yuyan2 a.act-grids-square1 .ico {
    background-position: -289px -99px;
}

.screen-yuyan2 a.act-grids-prominent3 .ico {
    background-position: -313px -123px;
}

.screen-yuyan2 a.act-grids-square4 .ico {
    background-position: -313px -99px;
}

.screen-yuyan2 a.act-grids-square9 .ico {
    background-position: -337px -99px;
}


/* Video Parameter */
.video-param dl {}

.video-param dt {
    position: relative;
}

.video-param dt .controls {
    position: absolute;
    right: 0;
    /*bottom: -19px;*/
    top: 3px;
}

.video-param dt .controls input {
    margin: 4px 0 0;
    margin: 6px 0 0 \9;
    width: 20px;
    height: 12px;
    line-height: 12px;
}

.video-param dd {
    clear: both;
    margin-right: 60px;
}

.video-param .ui-spinner {
    display: inline;
}

/* OCX */
.ico.ocx-recording,
.ico.ocx-voice,
.ico.ocx-tag,
.ico.ocx-record,
.ico.ocx-capture,
.ico.ocx-intel,
.ico.ocx-multiCapture,
.ico.ocx-playback,
.ico.ocx-digitalZzoom,
.ico.ocx-manualAlarm,
.ico.ocx-ptzControl,
.ico.ocx-valume,
.ico.ocx-voiceIntercom,
.ico.ocx-spotInfo,
.ico.ocx-setting,
.ico.ocx-streamCode,
.ico.ocx-close,
.ico.ocx-save,
.ico.ocx-clip,
.ico.ocx-pstream,
.ico.ocx-cstream,
.ico.ocx-ostream,
.ico.ocx-istream,
.ico.ocx-fault,
.ico.ocx-yuyan,
.ico.ocx-zoom3d,
.ocx-draggable li i,
.ocx-sortable li i,
.ocx-controler a {
    background: url(../images/sprite_ocx.png) no-repeat -9999px 0;
    width: 20px;
    height: 20px;
}

.ico.ocx-recording {
    background-position: -74px -74px;
}

.ico.ocx-voice {
    background-position: -98px -74px;
}

.mute .ico.ocx-voice {
    background-position: -122px -74px;
}

/* 预览工具栏 图标 */
.ico.ocx-tag {
    background-position: -2px -2px;
}

.ico.ocx-record {
    background-position: -26px -2px;
}

.ico.ocx-capture {
    background-position: -50px -2px;
}

.ico.ocx-playback {
    background-position: -74px -2px;
}

.ico.ocx-digitalZzoom {
    background-position: -98px -2px;
}

.ico.ocx-manualAlarm {
    background-position: -122px -2px;
}

.ico.ocx-ptzControl {
    background-position: -146px -2px;
}

.ico.ocx-valume {
    background-position: -170px -2px;
}

.ico.ocx-voiceIntercom {
    background-position: -194px -2px;
}

.ico.ocx-spotInfo {
    background-position: -218px -2px;
}

.ico.ocx-setting {
    background-position: -242px -2px;
}

.ico.ocx-streamCode {
    background-position: -266px -2px;
}

.ico.ocx-close {
    background-position: -290px -2px;
}

.ico.ocx-save {
    background-position: -2px -26px;
}

.ico.ocx-multiCapture {
    background-position: -26px -26px;
}

.ico.ocx-clip {
    background-position: -50px -26px;
}

.ico.ocx-intel {
    background-position: -74px -26px;
}

.ico.ocx-fault {
    background-position: -98px -26px;
}

.ico.ocx-pstream {
    background-position: -74px -26px;
}

.ico.ocx-cstream {
    background-position: -98px -26px;
}

.ico.ocx-ostream {
    background-position: -122px -26px;
}

.ico.ocx-istream {
    background-position: -146px -26px;
}

.ico.ocx-fault {
    background-position: -170px -26px;
}

.ico.ocx-yuyan {
    background-position: -194px -26px;
}

.ico.ocx-zoom3d {
    background-position: -216px -26px;
    width: 24px;
}

/* Hover */
a:hover .ico.ocx-tag {
    background-position: -2px -202px;
}

a:hover .ico.ocx-record {
    background-position: -26px -202px;
}

a:hover .ico.ocx-capture {
    background-position: -50px -202px;
}

a:hover .ico.ocx-playback {
    background-position: -74px -202px;
}

a:hover .ico.ocx-digitalZzoom {
    background-position: -98px -202px;
}

a:hover .ico.ocx-manualAlarm {
    background-position: -122px -202px;
}

a:hover .ico.ocx-ptzControl {
    background-position: -146px -202px;
}

a:hover .ico.ocx-valume {
    background-position: -170px -202px;
}

a:hover .ico.ocx-voiceIntercom {
    background-position: -194px -202px;
}

a:hover .ico.ocx-spotInfo {
    background-position: -218px -202px;
}

a:hover .ico.ocx-setting {
    background-position: -242px -202px;
}

a:hover .ico.ocx-streamCode {
    background-position: -266px -202px;
}

a:hover .ico.ocx-close {
    background-position: -290px -202px;
}

a:hover .ico.ocx-save {
    background-position: -2px -226px;
}

a:hover .ico.ocx-multiCapture {
    background-position: -26px -226px;
}

a:hover .ico.ocx-clip {
    background-position: -50px -226px;
}

a:hover .ico.ocx-pstream {
    background-position: -74px -226px;
}

a:hover .ico.ocx-cstream {
    background-position: -98px -226px;
}

a:hover .ico.ocx-ostream {
    background-position: -122px -226px;
}

a:hover .ico.ocx-istream {
    background-position: -146px -226px;
}

a:hover .ico.ocx-fault {
    background-position: -170px -226px;
}

a:hover .ico.ocx-yuyan {
    background-position: -194px -226px;
}

a:hover .ico.ocx-zoom3d {
    background-position: -216px -226px;
}

/* Active */
a:active .ico.ocx-tag,
a.active .ico.ocx-tag {
    background-position: -2px -402px;
}

a:active .ico.ocx-record,
a.active .ico.ocx-record {
    background-position: -26px -402px;
}

a:active .ico.ocx-capture,
a.active .ico.ocx-capture {
    background-position: -50px -402px;
}

a:active .ico.ocx-playback,
a.active .ico.ocx-playback {
    background-position: -74px -402px;
}

a:active .ico.ocx-digitalZzoom,
a.active .ico.ocx-digitalZzoom {
    background-position: -98px -402px;
}

a:active .ico.ocx-manualAlarm,
a.active .ico.ocx-manualAlarm {
    background-position: -122px -402px;
}

a:active .ico.ocx-ptzControl,
a.active .ico.ocx-ptzControl {
    background-position: -146px -402px;
}

a:active .ico.ocx-valume,
a.active .ico.ocx-valume {
    background-position: -170px -402px;
}

a:active .ico.ocx-voiceIntercom,
a.active .ico.ocx-voiceIntercom {
    background-position: -194px -402px;
}

a:active .ico.ocx-spotInfo,
a.active .ico.ocx-spotInfo {
    background-position: -218px -402px;
}

a:active .ico.ocx-setting,
a.active .ico.ocx-setting {
    background-position: -242px -402px;
}

a:active .ico.ocx-streamCode,
a.active .ico.ocx-streamCode {
    background-position: -266px -402px;
}

a:active .ico.ocx-close,
a.active .ico.ocx-close {
    background-position: -290px -402px;
}

a:active .ico.ocx-save,
a.active .ico.ocx-save {
    background-position: -2px -426px;
}

a:active .ico.ocx-multiCapture,
a.active .ico.ocx-multiCapture {
    background-position: -26px -426px;
}

a:active .ico.ocx-clip,
a.active .ico.ocx-clip {
    background-position: -50px -426px;
}

a:active .ico.ocx-pstream,
a.active .ico.ocx-pstream {
    background-position: -74px -426px;
}

a:active .ico.ocx-cstream,
a.active .ico.ocx-cstream {
    background-position: -98px -426px;
}

a:active .ico.ocx-ostream,
a.active .ico.ocx-ostream {
    background-position: -122px -426px;
}

a:active .ico.ocx-istream,
a.active .ico.ocx-istream {
    background-position: -146px -426px;
}

a:active .ico.ocx-fault,
a.active .ico.ocx-fault {
    background-position: -170px -426px;
}

a:active .ico.ocx-yuyan,
a.active .ico.ocx-yuyan {
    background-position: -194px -426px;
}

a:active .ico.ocx-zoom3d,
a.active .ico.ocx-zoom3d {
    background-position: -216px -426px;
}

.ocx-draggable,
.ocx-sortable {
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid #e3e3e3;
    background-color: #fff;
}

.ocx-draggable.hover,
.ocx-sortable.hover {
    border: 1px solid #ff6600;
}

.ocx-draggable li,
.ocx-sortable li {
    margin: 2px;
    float: left;
    display: block;
    width: 80px;
}

.ocx-draggable li a,
.ocx-sortable li a {
    padding: 6px;
    position: relative;
    width: 20px;
    height: 20px;
    display: block;
    background: #21252B;
    border-radius: 4px;
    cursor: move;
}

.ocx-draggable li>span {
    padding: 10px 0;
    display: block;
}

.ocx-draggable .ui-draggable-dragging,
.ocx-sortable .ui-sortable-helper {
    background: none;
    width: auto;
    opacity: 0.5;
}

.ocx-draggable .ui-draggable-dragging>span,
.ocx-sortable li>span {
    display: none;
}

.ocx-draggable .ui-draggable-dragging i {
    position: absolute;
    right: -12px;
    bottom: -12px;
    width: 24px;
    height: 24px;
    background-position: 0 -72px;
}

.ocx-draggable .ui-draggable-disabled {
    opacity: 1;
}

.ocx-draggable li.ui-draggable-disabled i {
    position: absolute;
    right: -12px;
    bottom: -12px;
    width: 24px;
    height: 24px;
    background-position: -24px -72px;
}

.ocx-sortable {
    height: 72px;
}

.ocx-sortable li {
    width: auto;
}

.ocx-sortable .ui-sortable-placeholder {
    background: #ccc;
    border-radius: 4px;
}

.ocx-sortable li.deleting i {
    position: absolute;
    right: -12px;
    bottom: -12px;
    width: 24px;
    height: 24px;
    background-position: -48px -72px;
}

/* === Slider === */
.sliderbar {
    min-width: 300px;
    min-height: 40px;
    padding: 10px 0;
    position: absolute;
    overflow: hidden !important;
}

.sliderbar ul li {
    padding: 0 0 10px;
    font-size: 12px;
    line-height: 12px;
    float: left;
    display: block;
    width: 33.333333%;
    text-align: center;
    background: url(../images/time_line.png) no-repeat center bottom;
}

.sliderbar .ui-slider-horizontal {
    margin: 8px 16.66666%;
}

/* === Video Type === */
.i-plan-video,
.i-movement-spy,
.i-alarm-video {
    margin-right: 5px;
    width: 12px;
    height: 12px;
    vertical-align: middle;
}

.i-plan-video {
    background: #4B8DD7;
}

.i-movement-spy {
    background: #E7B930;
}

.i-alarm-video {
    background: #b31919;
}

/* === fish eye ===*/
.yuyanTab {
    background: #ffe032;
    height: 30px;
    width: 100%;
    display: none;
    position: absolute;
    z-index: 2;
}

.closeB {
    width: 15px;
    height: 20px;
    cursor: pointer;
    padding-right: 10px;
    background: url(../images/close.png) no-repeat -50% 0;
}

/* === views in preview === */
.view-menu {
    overflow: auto;
    height: 500px;
}

/*鼠标悬浮效果*/
.hoverToolbar {
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    top: 0;
    display: none
}

.download {
    width: 100%;
    height: 32px;
    background: #000;
    position: absolute;
    bottom: 0px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.download a {
    line-height: 32px;
    padding-right: 10px;
}

.down_icon {
    background: url(../../../baseui/themes/default/images/download.png) no-repeat;
    float: right;
    margin: 6px 10px 0 0;
}

.imgClose {
    background: url(../../../baseui/themes/default/images/imgClose.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: right;
}

.monitor-toolbar a.act-fullscreen {
    margin-right: 10px;
    display: inline-block;
}

.monitor-toolbar a.act-vclose {
    display: inline-block;
}

.monitor-toolbar {
    box-sizing: border-box;
}

.monitor-toolbar a {
    margin-right: 8px;
    padding: 5px;
    border: 1px solid transparent;
    display: inline-block;
}

.monitor-toolbar a:hover {
    box-sizing: border-box;
    border: 1px solid #488DEA;
    background: #b3d0fc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.monitor-toolbar #gridsModeGroup a:hover {
    border: none;
}

.monitor-toolbar a.quicklySelect.act-grids-square1 .ico {
    background-position: -3px -125px;
}

.monitor-toolbar a.quicklySelect.act-grids-square1.active .ico {
    background-position: -3px -149px;
}

.monitor-toolbar a.quicklySelect.act-grids-square4 .ico {
    background-position: -28px -125px;
}

.monitor-toolbar a.quicklySelect.act-grids-square4.active .ico {
    background-position: -28px -149px;
}

.monitor-toolbar a.quicklySelect.act-grids-square9 .ico {
    background-position: -52px -125px;
}

.monitor-toolbar a.quicklySelect.act-grids-square9.active .ico {
    background-position: -52px -149px;
}

.monitor-toolbar a.quicklySelect.act-grids-square16 .ico {
    background-position: -75px -125px;
}

.monitor-toolbar a.quicklySelect.act-grids-square16.active .ico {
    background-position: -75px -149px;
}

.monitor-toolbar a.quicklySelectIcon .ico,
.monitor-toolbar a.quicklySelectIcon.active .ico {
    background-position: -99px -125px;
    width: 21px;
    height: 18px;
}

.monitor-toolbar a.quicklySelectIcon:hover .ico {
    background-position: -99px -149px;
    width: 21px;
    height: 18px;
}

.btn-group>.dropdown-toggle {
    padding: 5px;
}

.monitor-toolbar a#gridsMode,
.monitor-toolbar a#gridsMode.active {
    line-height: 18px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #737373;
    background: transparent url(../images/repeat.png) repeat-x 0 -9999px;
    background-position: 0 -1200px;
}

.monitor-toolbar a#gridsMode:hover {
    border: 1px solid #488DEA;
    background: #b3d0fc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}